<div id="chart-dragable-menu">
	<table class="table table-center bg-white table-border-black">
		<tr class="success">
			<td class="title bg-draw-blue color-white" colspan=2><?=$this->lang->line('chart_toolbox_title');?></td>
		</tr>
		<tr class="error">
			<td>				
				<div class="btn-toolbar" id="chart-input-area">
					<div class="btn-group">
						<input type="text" id="value-chart">
						<input type="button" class="submit-input-value" value="<?=$this->lang->line('value_add');?>">
					</div>
				</div>
				<div id="list-value" >
				</div>
				<div>
					<input type="button" class="delete-row-button" value="<?=$this->lang->line('value_delete_row');?>" />
				</div>
			</td>
			<td>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<input type="radio" name="radio-axis" class="radio-axis" id="x-axis" value="<?=$this->lang->line('value_x_axis');?>" checked="checked"> <?=$this->lang->line('value_x_axis');?><br>
						<input type="radio" name="radio-axis" class="radio-axis" id="y-axis" value="<?=$this->lang->line('value_y_axis');?>"> <?=$this->lang->line('value_y_axis');?><br>
					</div>
				</div>
				<div class="btn-toolbar" id="left-toolbox">
					<div class="btn-group">
						<input type="radio" name="radio-chart" class="radio-chart" id="bar" value="bar" checked="checked"> <?=$this->lang->line('type_bar');?><br>
						<!--<input type="radio" name="radio-chart" class="radio-chart" id="line" value="line"> Line Chart<br>-->
						<input type="radio" name="radio-chart" class="radio-chart" id="acc" value="acc"> <?=$this->lang->line('type_acc');?><br>
						<input type="radio" name="radio-chart" class="radio-chart" id="pie" value="pie"> <?=$this->lang->line('type_pie');?><br> 
						<!--<input type="radio" name="radio-chart" class="radio-chart" id="3Dpie" value="3Dpie"> 3D Pie Chart-->
				</div>
				<div class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px;">
					<div class="btn-group">
					</div>
				</div>
				<div class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px;">
					<div class="btn-group">
						<div id="bar-start">
							<input type="radio" name="radio-bar-chart" class="radio-bar-chart" id="bar-choose" value="bar" checked="checked"> <?=$this->lang->line('type_bar');?><br>
							<input type="radio" name="radio-bar-chart" class="radio-bar-chart" id="line-choose" value="line"> <?=$this->lang->line('type_line');?>
						</div>
						<div id="pie-chart-start">
							<input type="radio" name="radio-pie-chart" class="radio-pie-chart" id="pie-choose" value="pie" checked="checked"> <?=$this->lang->line('type_pie');?><br>
							<input type="radio" name="radio-pie-chart" class="radio-pie-chart" id="ring-choose" value="ring"> <?=$this->lang->line('type_ring');?>
						</div>
						<div id="pie-start">
							<!--<input type="radio" name="radio-pie-chart" class="radio-pie-chart" id="ring-choose" value="ring" checked="checked"> Ring Pie Chart<br>
							<input type="radio" name="radio-pie-chart" class="radio-pie-chart" id="3D-choose" value="3Dpie"> 3D Pie Chart-->
							<input type="checkbox" name="checkbox-pie-chart" class="checkbox-pie-chart" id="3D-choose" value="3Dpie"> <?=$this->lang->line('type_3D');?>
						</div>
					</div>
				</div>
				 
				<div class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px;">
					<div class="btn-group">
						<div id="color-start">
							<?=$this->lang->line('text_color');?> : <label value="Color : " id="colorChart"/>
						</div>
					</div>
				</div>
				
				<div id="grad-bar" class="btn-toolbar" style="border-bottom: 1px solid; clear: both; padding: 2px; display:none;">
					<div class="btn-group">
						<div id="color-start" style="">
							<input type="checkbox" name="checkbox-gradient" id="gradient" value="gardient"><?=$this->lang->line('type_gradient');?>
						</div>
					</div>
				</div>
				<div  id="color-grad"  class="btn-toolbar" style=" clear: both; padding: 2px;display:none;">
					<div class="btn-group">
						<div id="color-end"> 
							<table>
								<tr>
									<td style="border:0px;">
										<?=$this->lang->line('value_start_color');?> : <label   value="Color : " id="startColorChart"/>
									</td>
									<td style="border:0px;">
										<?=$this->lang->line('value_end_color');?> : <label   value="Color : " id="endColorChart"/>
									</td>
								</tr>
							</table>
							
							
						</div>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td colspan=2>
				<?=$this->lang->line('value_width');?> (
				<input type="button" class="width-add-button" value="+" id="widthplus"/>
				<input type="button" class="width-min-button" value="-" id="widthminus"/>
				) <?=$this->lang->line('value_height');?>  (
				<input type="button" class="height-add-button" value="+" id="heightplus"/>
				<input type="button" class="height-min-button" value="-" id="heightminus"/>
				)
			</td>
		</tr>
		<tr class="warning">
			<td colspan=2>
				<!--<input type="button" class="apply-chart-button" value="<?=$this->lang->line('value_apply');?>" />-->
				<input type="button" class="save-chart-button" value="<?=$this->lang->line('value_save');?>" />
				<input type="button" class="cancel-chart-button remove-pop" value="<?=$this->lang->line('value_cancel');?>" />
			</td>
		</tr>
	</table>
</div>